<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>
<form action="#">
    <!--input是表单输入控件
    type:表单输入控件的类型
    name:表单输入控件的名称,没有名称时不能提交值
    placeholder:表单输入控件的提示信息
    value:表单输入控件的默认值
    readonly:表单输入控件是否只读,只读时无法修改
    disabled:表单输入控件是否禁用,禁用时无法修改
    -->
    姓名1:<input type="text" name="uname1" placeholder="请输入姓名"><br>
    姓名2:<input type="text" name="uname2" ><br>
    姓名3:<input type="text" name="uname3" value="星宫六喰" readonly><br>
    姓名4:<input type="text" name="uname4" value="星宫六喰" disabled><br>
    密码:<input type="password" name="upwd"><br>
    性别:
    <input type="radio" name="gender" value="0">男
    <input type="radio" name="gender" value="1">女
    <br>
    爱好:
        <input type="checkbox" name="hobby" value="zq">足球
    <input type="checkbox" name="hobby" value="lq">篮球
    <input type="checkbox" name="hobby" value="pq">排球
    <input type="checkbox" name="hobby" value="ymq">羽毛球
    <br>

    颜色:<input type="color" name="color"><br>
    文件:<input type="file" name="file"><br>
    日期:<input type="date" name="date"><br>
    范围:<input type="range" name="range">
    <hr>
    <input type="submit" value="提交">
    <input type="button" value="普通按钮"></input>
    <input type="reset" value="重置">
    <button>按钮</button>
    <br>
    喜欢的城市:
    <select name="city">
        <option value="0">北京</option>
        <option value="1">上海</option>
        <option value="2">广州</option>
        <option value="3">深圳</option>
    </select>
    <br>
    <input type="checkbox" id="123">
    <label for="123">记住密码</label><br>
    <label for="nn">昵称</label>
    <input type="text" id="nn"><br>

    留言板: <textarea name="message" style="resize: none;" cols="30">  </textarea>
    <hr>







</form>
</body>
</html>





















